<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <div id = "app">
        <form action="#">
            <table>
                <th>
                    <lable>用户名</lable>
                    <td><input type="text"></td>
                </th>
                <th>
                    <lable>电话</lable>
                    <td><input type="text" v-model=""></td>
                </th>
            </table>
        </form>
    </div>

</body>
<script src="/static/js/vue/vue@3.2.21/vue.global.js"></script>
<script th:inline="javascript">
    const Counter = {
        data(){
            return{
                authState: false,
                accountMsg:{
                    username:"",
                    password:"",
                    Email:"",
                    phone:"",
                    birthday:"",
                    age:"",
                    Sex:""
                },

            }
        },
        methods:{
            print(){
            },
            register(){
                const constant = this;
                axios
                    .post('/signUp',
                        {
                            account: constant.accountMsg
                        })
                    .then(function (response){
                        console.log(response);
                    }).catch(function (error){
                        console.log(error);

                })
            }

        }
    };
    const app = Vue.createApp(Counter).mount('#app');
</script>
</html>